<!-- AIstatementAI报表 -->
<template>
 <div class='container-ai-statement'>
 <div class='wrapper'>
     <van-nav-bar title="AI报表" @click-left="goBack" fixed :border="true" :z-index="100" >
        <span class="el-icon-arrow-left fontsize" slot="left"></span>
    </van-nav-bar>
    <iframe class="content" :src="`http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_xdoc=${url}`" >

    </iframe>  
 </div>
 </div>
</template>

<script type='textecmascript-6'>
export default {
 data() {
   return {
    data: 'AIstatementAI报表',
    url: '',
    active: null
   }
 },
 created(){
   this.getParams()
 },
 methods: {
   goBack(){
     this.$router.push({path: '/nav/index/AI-report',query:{active: this.active}})
   },
   getParams(){
     this.url = this.$route.query.url
     this.active = this.$route.query.active
     console.log(this.url)
   }
 }

}

</script>
<style lang='stylus' rel='stylesheet/stylus'>
.container-ai-statement
  width 100%
  height 100%
  .wrapper 
    width 100%
    height 100%
  .van-nav-bar 
    height: 88px;
    line-height: 88px;
  .content 
    margin-top: 88px;
    width 100%
    height calc(100% - 88px)
  .fontsize
    font-size: 36px;
</style>
